@charset "UTF-8";


*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

body{
	min-width: 1280px;
}
main{
	.nav{
		padding: 2vw 0 17vw 21vw;
		background-image: url(../img/groupBg.png);
		background-repeat: no-repeat;
		
		/* 浏览器有多宽，背景图片就有多宽*/
		background-size: cover;
		.navTop{
			display: flex;
			width: 10vw;
			justify-content: space-between;
			margin-bottom: 9vw;
			span{
				height: 1vw;
				font-size: 1vw;
				font-weight: normal;
				line-height: 1vw;
				letter-spacing: 0vw;
				color: #ffffff;
			}
		}
		.navBottom{
			.title1{
				margin-bottom: 1.5vw;
				font-size: 3vw;
				font-weight: normal;
				line-height: 1vw;
				letter-spacing: 0vw;
				color: #ffffff;
				box-shadow: 0vw 0vw 1vw 0vw 
						rgba(46, 34, 38, 0)
			}
			.title2{
				font-size: 1vw;
				font-weight: normal;
				font-style: italic;
				// font-family: AbadiMT-CondensedLight;	
				line-height: 1vw;
				letter-spacing: 0vw;
				color: #ffffff;
			}
			.title3{
				margin-top: 1vw;
				margin-bottom: 2vw;
				font-size: 1vw;
				font-weight: normal;
				
				line-height: 1vw;
				letter-spacing: 0vw;
				color: #ffffff;
			}
		}
	}
	.about{
		padding-top: 4vw;
		padding-left: 28vw;
		padding-right: 28vw;
		background-color: #FFFFFF;
		position: relative;
		h2{
			font-size: 1.2vw;
			font-weight: bold;	
			font-stretch: normal;
			line-height: 1vw;
			letter-spacing: 0vw;
			color: #12151c;
			position: absolute;
			top: 4vw;
			left: 21vw;
		}
		.content{
			margin-top: 2vw;
			padding-bottom: 3vw;
			border-bottom: 1px solid #e9e9e9;
			.title{
				background-color: #efefef;
				padding-left: 0.5vw;
				span{
					font-size: 1vw;
					font-weight: normal;
					font-style: italic;
					font-stretch: normal;
					line-height: 2vw;
					letter-spacing: 0vw;
					color: #525252;
					opacity: 0.5;
				}
			}
			.con{
				margin-top: 3vw;
				p{
					margin: 2vw 0;
					font-size: 1vw;
					font-weight: normal;
					font-stretch: normal;
					line-height: 1.6vw;
					letter-spacing: 0vw;
					color: #525252;
					opacity: 0.9;
				}
			}
			.imgTop{
				margin-top: 4vw;
				width: 44vw;
				height: 17vw;
				overflow: hidden;
				img{
					width: 100%;
				}
			}
			.imgBottom{
				margin-top: 1vw;
				width: 44vw;
				height: 3vw;
				overflow: hidden;
				img{
					width: 100%;
				}
			}
		}
	}
	.profile{
		background-color: #FFFFFF;
		padding: 5vw 28vw 8vw 21vw;
		.left{
			vertical-align: top;
			width: 6vw;
			border-top: 1.2px solid black;
			display: inline-block;
			h2{
				font-size: 1.2vw;
				font-weight: bold;
				font-stretch: normal;
				line-height: 3vw;
				letter-spacing: 0vw;
				color: #12151c;
			}
		}
		.right{
			margin-left: 0.4vw;
			display: inline-block;
			section{
				border-bottom: 1px dashed #e6e6e6e6;
				padding-bottom: 1vw;
				margin-bottom: 1vw ;
				display: flex;
				align-items: center;
				width: 44vw;
				h2{
					font-size: 1vw;
					font-weight: bold;
					font-stretch: normal;
					line-height: 1vw;
					letter-spacing: 0vw;
					color: #12151c;
					margin-right: 2vw;
				}
				span{
					width:1vw;
					
					border-top:1px solid #cccccc;
					vertical-align:middle;
				}
				p{
					margin-left: 1vw;
					font-size: 1vw;
					font-weight: normal;
					font-stretch: normal;
					line-height: 1vw;
					letter-spacing: 0vw;
					color: #b6b7b8;
					opacity: 0.9;
				}
			}
		}
	}
}